Docs

[tparkmedia]

http://sonmat.kitchen

Hello!

I’ve looked through the forums and I see many threads with similar questions to mine but the codes I see aren’t working for me. 🙁

I would like for my logo to be aligned on the left with the images below whether it is on the home page or the post page. I would like for the logo to always stay at the left aligned with images regardless of window size, large or small.

How would I accomplish this?

Thanks in advance for your help!!

[tparkmedia]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.x-navbar .x-container.max.width {
    width: 72%;
}

Hope that helps.

[tparkmedia]

Hello,

The logo in windows sizes 1025px and up are not aligned to the left. At 1179px the menu bar gets stacked into 2 lines. At 1024px the logo is aligned to the left and the menu bar goes back to one line.

How would I make this responsive? So the logo is always aligned to the left at the same line as the image?

My first thought is to assign a max width and play around with that and the menu bar placement for each window size to make it responsive. But I don’t really know much and if that’s even the right way or if there’s an easier way.

Any advice much appreciated!!!

[Lely]

Hello There,

Please note that the main structure of the site depends on the on Appearance > Customize > Layout and Design: Site Width and Site Maxwidth. Header and footer is contained within that settings. Same with the content on the pages, unless you have chosen a BLANK – NO CONTAINER template which is the case on your homepage. Since they have different structure, it will behave differently. Yes, above CSS will align it on default, but then since the header part is inside a container and the main page content is not, it will respond differently when screen is resize. The best thing to do here if you want the content aligned with the logo is to use a PAGE template with Container. No need to add custom CSS in that case.

Hope this helps.

[tparkmedia]

Hello,

Ok so following your advice, I chose the PAGE template with Container for the Home Page. It didn’t do anything.

I also tried putting in that CSS after all this but nothing changes with that code, so I removed it.

I’ve cleared the cache before making these changes and reloading the page.

Any other suggestions please? 🙁

THANK YOU

[Paul R]

Hi,

To align it, please turn off the column container of your row element.

https://www.screencast.com/t/K2Qaj9zsxs5

Then add this in Cornerstone > Settings > Custom CSS
https://www.screencast.com/t/UIPW7GRa

div#esg-grid-1-1 {
    max-width: 100%;
}

Hope that helps.

[Author]

Posts