Hello,@vivaz!
Insert the codes below, in Customizing->General->Additional CSS:
.site-header .sticky-header .sticky-header-inner {
max-width: 100%;
padding:0;
margin:0;
}
.sticky-header .logo{
width:100%;
padding:0;
margin:0;
}
Regards
Hello,@vivaz!
Insert the codes below, in Customizing->General->Additional CSS:
.site-header .sticky-header .sticky-header-inner {
max-width: 100%;
padding:0;
margin:0;
}
.sticky-header .logo{
width:100%;
padding:0;
margin:0;
}
Regards
Thread Starter
vivaz
(@vivaz)
Thank you very much! and for the banner just underneath it how can i also make that full size? btw is there maby a way i can locate the names of the stuff so i can try it myself? i know a bit off ccs just hard to know what the elements etc is called.
Thank you again!
Hello,@vivaz!
Again… Insert the codes below, in Customizing->General->Additional CSS:
img.header-image{
width: 100%!important;
}
body #agama-header-image {
margin:0px;
}
You can check next tutorials on youtube to learn how to select right elements.
https://youtu.be/Xb6ZIlYj2OY
https://youtu.be/hx8lYulGqh8
Regards
Thread Starter
vivaz
(@vivaz)
Hello again! I don’t know if i should’ve made a new post but this is still regards to the logo and nav bar. So I am almost finished now with the website but I seem to have a problem regards to the logo and nav menu. I would like to have the Severe Gaming stay the same size (no expanding or compressing) as you scroll down and upwards. The navigation menu is perfect as it is now altough i would like to move the pages names on the nav bar a bit to the right since the contact us is touch the right of the scroll bar which makes it look bad. Another thing is when you scroll down and up if you look closely you will see a space between the severegaming picture and a the top of the browser the background of the web shows.
Thanks!
Hello, @vivaz!
I think next codes will work for you for the first two wishes:
.sticky-header .logo {
max-height: 65px!important;
}
.site-header .sticky-header nav {
padding-right: 20px;
}
I don’t see the space that you mentioned, but if any, you may have to go to Customize ▸ Header ▸ General menu and set the top-border value to “0”.
https://prnt.sc/iog5ql
Regards
Thread Starter
vivaz
(@vivaz)
Hey again i would just like to know how i can move the navigate menu on top of my “logo” ? Sorry for the hassle. https://severegaming.co.za/
Hello,
Have you tried to turn on a top navigation?
https://prnt.sc/iwegsq
Before that you will need to go to Customizing-> Menus-> top menu, and create a top menu.
https://prnt.sc/iwehxj
Regards
Thread Starter
vivaz
(@vivaz)
Ahh what i meant is like how do i make my logo the background of my nav bar I have tried it with the background-image but then it doesn’t work right.
Thread Starter
vivaz
(@vivaz)
I’ve got it working now but now if you view it in mobile form it seems the logo navigation bar doesnt want to decrease in size thus leading it to “fit” incorrectlyhttp://www.severegaming.co.za
-
This reply was modified 8 years, 1 month ago by
vivaz.
Hi,
Try to add a next code to Customizing->General->Additional CSS:
.img.header-image{
padding-top: 70px!important;
}
Regards
