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, 8 months ago.

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

Open Support Ticket

Tagged: , , , ,

  • Author
    Posts
  • February 10, 2019 at 6:54 pm #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?

    February 10, 2019 at 7:32 pm #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/

    February 11, 2019 at 10:07 pm #468333

    Birgit Wilde
    Full Member
    Post count: 236
    This reply has been marked as private.
    February 11, 2019 at 10:27 pm #468345

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    February 13, 2019 at 12:53 pm #468663

    Birgit Wilde
    Full Member
    Post count: 236
    This reply has been marked as private.
    February 13, 2019 at 4:18 pm #468708

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    February 15, 2019 at 2:06 pm #469157

    Kiran
    Moderator
    Post count: 7069
    This reply has been marked as private.
    February 16, 2019 at 6:18 pm #469429

    Birgit Wilde
    Full Member
    Post count: 236
    This reply has been marked as private.
    February 18, 2019 at 12:39 pm #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
    

		
	
    


    

			
				

    

	
    

		February 18, 2019 at 6:10 pm

		
		#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
    

		
	
    


    

			
				

    

	
    

		February 18, 2019 at 6:29 pm

		
		#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
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		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
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount