Split Menu header issues

LuWeezer2788 · May 2019

Hi there,

My site is in coming soon mode so not too sure what the best way is to go about showing my issues.

First the split menu has created a lot of space between the logo and navigation links. Not quite sure how to fix it.
https://pasteboard.co/IezTrc7.png

Second, when my site is responsive mode there is a huge white space or margin between header and first div. Most of my pages have a full scale background image and there's a white space between the header and the image.

https://pasteboard.co/IezU0yk.png

Pablo · May 2019

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

thanks

LuWeezer2788 · May 2019

Hi there,

Here's the website link

https://macleanconstructiondesign.com/

I've also noticed that there's a huge white space at the bottom of the portfolio page beneath the footer.

And also is there any way to make the text box equal height to the photo on the about page. Lastly, how do I eliminate the zoom on the photo when I hover?

Thanks,

Luisa

Pablo · May 2019

That's because your Grid Width is very large and your menu has a very little amount of menu items.

So, if you won't add any menu items, then I suggest, to decrease the "Grid Width" in Theme Options > Global > General

http://prntscr.com/norkir

Thanks

LuWeezer2788 · May 2019

Thank you I will try that. Can you please address my other questions?

LuWeezer2788 · May 2019

I changed the grid width to the lowest option 960 and still have the same spacing issue.

Pablo · May 2019

Please paste that CSS into the Theme Options > Custom CSS & JS > CSS

@media (min-width:1240px){
	ul.menu_left{
	  text-align:right !important;
  }

  ul.menu_right{
	  text-align:left !important;
  }
}

Thanks

Split Menu header issues

Comments