Docs

[JW & Co.]

Hello,

I am attempting to align the menu items at the top of webdeveloperandseo.joshuaweatherstone.com with the text below. I have this code in place, but the issue is that depending on the device it is viewed from the left margin is not aligned with the copy below:

/*Left-Align Menu Items*/
header.masthead-inline .desktop .x-nav {
float: left;
margin-left: -75px;
}

Please advise!
Thanks!

[Rupok]

Hi there,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[JW & Co.]

Hi Rupok,

Please take a look at this attachment: http://prnt.sc/d7attw.

The menu is offset from the text below by 30px. If you look in my post above you will notice that my code already includes a “margin-left: -75px.” I want the menu items to always be left-aligned with the text below, no matter what device the page is being viewed from. If it’s a smaller or larger screen I don’t want the menu items to be offset.

Is that clear?
Thanks!

[Jade]

Hi there,

Please remove the code you added and try this:

.x-navbar-inner .x-container {
    width: 97%;
}

Hope this helps.

[JW & Co.]

Thanks! I was able to achieve it with this code:

header.masthead-inline .desktop .x-nav {
	float: left;
}
.x-navbar-inner .x-container {
    width: 97%;
}

[Prasant Rai]

Glad to hear that, feel free to get in touch with us regarding any further queries about the X Theme and Cornerstone.

[Author]

Posts