Line and shadow under main menu not displayed

This topic contains 10 replies, has 3 voices, and was last updated by  Birgit Wilde 5 years, 1 month ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: , , , ,

  • Author
    Posts
  • #468065

    Birgit Wilde
    Full Member
    Post count: 236

    Hi,
    this is really just a small issue about customization of the appearance of the main menu of the supreme directory theme:

    The background colour of my main menu is white, so is the general background color of all pages.
    To give it some structure, I want the line under the main menu to be grey and to give it some shadow.

    Even though I have entered colour codes for …
    Header -> Background Colours -> Header line colour
    Header -> Background Colours -> Header shadow colour

    … there is neither a line nor a shadow unter the main menu displayed.

    Is there anything else I need to consider?

    #468081

    Alex Rollin
    Moderator
    Post count: 27815

    Please share a screenshot and link. The screenshot should point out where you want a line so we can understand better.

    We do not provide customization services here in the forum but we will try to point you in the right direction. If it requires custom CSS because the theme options don’t cover that feature you can find an intro here about how to create it yourself:

    https://wpgeodirectory.com/docs/customizing-your-style/

    #468333

    Birgit Wilde
    Full Member
    Post count: 236
    This reply has been marked as private.
    #468345

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    #468663

    Birgit Wilde
    Full Member
    Post count: 236
    This reply has been marked as private.
    #468708

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    #469157

    Kiran
    Moderator
    Post count: 7069
    This reply has been marked as private.
    #469429

    Birgit Wilde
    Full Member
    Post count: 236
    This reply has been marked as private.
    #469703

    Kiran
    Moderator
    Post count: 7069

    Hello Birgit,

    Header border is hidden on Supreme Directory child theme do display feature area properly. Because some pages in Supreme theme has featured area which cover the header menu as well(ex: home page). So applying border to header shows border on featured area.

    If you wish to add border then you can add for certain pages. Add following code snippet for this.

    
    
    .sd.search .site-header,
    .sd.archive .site-header {
    	border: 1px solid #e0e0e0;
    	-moz-box-shadow: 0 1px 1px rgb(104, 55, 89,0.6);
    	-webkit-box-shadow: 0 1px 1px rgb(104, 55, 89,0.6);
    	box-shadow: 0 1px 1px rgb(104, 55, 89,0.6);
    }

    Thanks,
    Kiran

    #469777

    Birgit Wilde
    Full Member
    Post count: 236

    Hi Kiran,

    thank you very much. However, this code produces an error in the first line called “e is undefined”. (see screenshot)
    What must I do to make it work?
    Is this code supposed to show the line and shadow of main menu an all pages except the featured page?

    Many thanks
    Birgit

    #469783

    Birgit Wilde
    Full Member
    Post count: 236

    Hi Kiran,
    sorry, it does work fine now – I had entered the code in the snippet plugin. Now I have entered it unter the theme customization and it’s fine. Many thanks 🙂
    Birgit

Viewing 11 posts - 1 through 11 (of 11 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket