Okay
  Public Ticket #1745435
Submenu
Closed

Comments

  • Nick Lord started the conversation

    Hi

    How do I remove the sub menu completely from the website? 

  •  1,710
    Barry replied

    Hi Nick,

    The area pointed out in your screenshot is the widget area of the header. This can be hidden by removing all widgets from the "Header" panel under Appearance -> Widgets.

    If you have any questions feel free to ask.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  • Nick Lord replied

    Ok there are 2 things:

    1. How do I make the black submenu shorter? it's too big on desktop and mobile. I am using it as a call to action to call the clinic as it seems that is the most popular way clients contact us.

    2. There is a white area under the sub menu that I cannot get rid of, which only shows up on mobile devices... how can I remove this? I have enclosed a photo of the mobile screenshot.

    https://fightingfitphysiotherapy.com.au/home-2

    Thanks :)

  • Nick Lord replied

    Also, how do I change the colours of links on a whole site basis to a different colour? For example on the current under construction home page there are links to email us and message us on facebook... they are black, I would like them to be dark blue and on hover to be red... I can't seem to find that setting. https://fightingfitphysiotherapy.com.au

  • Nick Lord replied

    There is also a big white space on all devices: https://fightingfitphysiotherapy.com.au/home-2

    How can I make this space smaller?

    I am SOOOOOOOOO happy with this theme, I had tried thrive themes and a few others before I found this one. I wasted alot of time, but I know where to go for my physio websites now.

    Thanks again :)

  •  1,710
    Barry replied

    Hi Nick,

    I'm glad to hear you like the theme

    Let me answer your questions.

    1. To reduce the height of this element you can use some custom CSS. Please add the following to Appearance -> Customize -> Theme Options -> Custom CSS:

    .header-widgets .widget { padding: 20px 0; }
    @media (min-width: 992px) { .header-widgets .widget { padding: 30px 0; } }
    

    The 20px value can be changed for mobile screens and the 30px value for desktop screens.

    2. We are aware of this bug and will be fixed for the following theme update. For now you can use some temporary custom css to remove the white space:

    body.page-template-template-front-jumbtron .header { margin-bottom: 0; }
    

    3. The link color is connected to the "Primary Color" option in the Layout & Colors panel of the theme customizer. To change this specific element to another color please add the following to the Custom CSS panel:

    a { color: #0063c2; }
    a: hover { color: red; }
    

    The above css will make the text links dark blue (same color as the current page navigation menu item color) and red on hover.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes