Docs

[nadinedomnink]

thanks,
#1) no, something like in http://www.goossens-brieger.de

???
s. screenshot

[Christopher]

Hi there,

Please select stacked layout under Customize -> Header.
Disable Column containers option for first section to align image to left.

Hope it helps.

[nadinedomnink]

hi, sorry but i ´ve never worked with cornerstone and it is my first attempt. Could you please check whether it’s possible to change the size of each column? I would like the column in the middle to be the smallest and the right one the widest. Where can I change that?
Now with Cornerstone the logo and the picture are not flush. We had this problem before and solved it by changing the image width. apparently that does not help with cornerstone…

thanks so much!

[nadinedomnink]

sorry..and I would like to have “Ärztehaus” (column 1) and “Willkommen” (columns 3) on one level. Thanks!

[Christopher]

Hi there,

To change column’s width, please check this KB article : https://community.theme.co/kb/cornerstone-interface-layout/

To disable Column container, check first attachment.
To change header layout, check the second attachment.

To remove margin from Willkommen headline, add mtn in headline’s class field, see the third attachment.

Hope it helps.

[nadinedomnink]

hi, i am sorry, but it didn’t work out.

1)I still can’t move the navbar to the left.
2) In Cornerstone image and logo are flush, but when I check by Design–> Customize everything is chaotic again?
3) The article didn’t tell how you can change image size of the columns individually. I have three columns and they are all equal. That is the only option I can see. But I need to have different widths…
4) Willkommen belongs to a text of column 3, it’s simply the headline of a text and I want that to be on the same level as “Ärztehaus plus” which belongs to the text of column 1.

Thanks a lot for your help!

Nadine

[nadinedomnink]

3) Nr. 3 I figured out on my own, but the other problems 1,2 and 4 still exist! Thanks

[nadinedomnink]

Hi, in the meantime I also figured out problems 2-4, but I still don’t find a solution for moving the navbar to the left and underneath the logo such as in http://www.goossens-brieger.de

would be great to solve that problem, too 😉
hope you can help!

nadine

[Christopher]

Hi there,

You couldn’t move the navbar to left since you didn’t follow my previous replay (second screen shot in previous replay). Please check the attachment and change header layout to STACKED.

Add following code in Customize -> Custom -> Edit global CSS as well :

.masthead-stacked .desktop .x-nav {
    display: block;
    float: left;
}

Hope it helps.

[nadinedomnink]

Hi, it worked – sorry, I was a bit confused as nothing had worked so far, but the code did it! thanks!
1)Is it also possible to reduce the space between navbar and image?
2) The navbar is not flush with the logo and the image. Is there a way of changing it or is it impossible?

Thanks so much!
Nadine

[Rad]

Hi there,

1. Please edit your page and inspect your first section in cornerstone, then reduce the padding to 0. Then add this CSS too

.home .site > .x-container.max {
margin-top: 0px;
}

2. Add this too,

.x-navbar .desktop .x-nav > li:first-child > a{
padding-left: 0;
}

Cheers!

[nadinedomnink]

hi, thanks, unfortunatly it doesn’t work. In Cornerstone it worked to change the padding to 0, but in the Customizer it doesn’t. It doesn’t take on the change. The last code is not accepted and gets erased in CSS….

sorry, any idea?

thanks nadine

[Paul R]

Hi Nadine,

In that case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[nadinedomnink]

This reply has been marked as private.

[Christopher]

Hi there,

#1 Please change first section’s top padding to zero, see the attachment.
Reduce Navbar Top Height option under Customize -> Header as well.

#2 Please add this code :

.desktop ul#menu-hauptmenue li:first-child a {
    padding-left: 0 !important;
}

Hope it helps.

[Author]

Posts