Hi,
So there are a few things I would like to change on my top bar and I’m in need you your guys help.
I have a custom top bar using a global block. Currently I have a custom three column (1/2 + 1/6 + 1/3) set up and I’m having trouble getting all my elements to display properly.
-
I would like to know how I can get all three columns to display next to each other on mobile? I tried following this thread for advice but it didn’t quite help. See here: https://theme.co/apex/forums/topic/2-columns-on-mobile-layout/ It applies to two columns and I have three. Secondly, it applied to my entire site and I only want it to display three columns next to each other in my top bar.
-
I would like to add a tiny bit of space (5px) between the inline navigation buttons. I have a login and register button that are touching. I tinkered with the elements and css and couldn’t quite figure out how to do that. They are either too far apart or two close together.
-
I would like to make the with of the top bar container 98% so, I can move the elements from my first and third columns to the edge leaving a little bit of space.
-
Lastly, I would like to move my element in the middle section (Cart dropdown modal) closer to the login and register buttons I have in my third column.
If you can help me figure this out, I would greatly appreciate it. I am almost done designing and soon I will be out of your hair until my next project.
Thanks in advance.