ycon

I also need help with this. I used the Custom CSS Manager

My menu is sticky using:
#navbar {
position: fixed;
width: 100%;
z-index: 1000;
}

I want to put a logo in the menu bar on the top left- but it won’t work. My CSS Knowledge is minimal so please assist.

Hi Janet, thanks for replying.

I don’t follow about the ‘div’. Or where to put “{position:static}”. Do I put this after the lines in the style.css that define the characteristics of the menu bar?

No reason for using the plugin, I thought it was the only way to make a sticky menu for desktop & mobile browsers.

My site link here- https://www.yarnball.net.au

Thanks!

Thanks but I’d be really keen to learn to do this myself with a stock theme- the community here seems very helpful too so I’d rely on this for support

I don’t think I’m qualified enough to get an idea of the code yet. Mabye I’d be better off just trying to do:

Full screen width (no side bar)
Sticky faded menu (and on mobile too)
Different colour/spaced menu fonts
Menu logo

Great- I can see the Style.css and others.

I’ve pasted them into my theme but it didn’t help. I don’t understand css in a great depth…

Please help me out here if there’s any thing I can do- I only want to sell one product on my side, but it’s super customization.

Really would appreciate it.

Yes have contacted them, but more so I’m wanting to become semi-competent in figuring this out myself without having to wait for an answer.

I’ve had a good look at the CSS and I just don’t know where to begin. Is the “Styles.css” the basics of the page (like menu etc?) or is there a CSS file on a per page basis?

I believe with a little bit of the basics, I should be able to handle it all myself.

For example, on my site I would like to center the top 3 buttons, and change the colour of the call to action button. This is pretty basic if you know where to look, right?

Sure- please help me out if you can. I had a look around the styles.css but coulnd’t figure it out.

Site

Thanks for your response Dror.

I should be able to figure out the images. However, I am struggling with the gap between the header and the rest of the page. It’s too big. Is there anyway to fix this?

Thanks but with that CSS code the images display down vertically and I want them evenly centered horizontally.

If it makes it easier, I can post one at a time in page builder in 3 separate text blocks?
Also, that below the header still have the large break. Where exactly to I “add style”?

Thanks

Thanks so much, but some how it started displaying as full width when I wrote some incorrect code in pagebuilder (CSS code).

However, I do have an issue with double spacing below the top bar. This is my home page, so I don’t want to have a title.

Here is my page (don’t judge).

I’m trying to center those some animated icons. I’m sure it’s a simple thing but I haven’t been able to correct it through code (css).

It only happens in “Page Attibutes” when I have the Template “Page with no Side Bar” enabled.

I do not want a side bar. How can I fix this? Thanks