-
AuthorPosts
-
September 10, 2015 at 3:31 pm #501083
I needed to make the background of menu have a slight background. Everytyhing looks good except there is more space over to the right of the last menu item. How can i make it all look even and centered without that space on right. I can’t seem to figure out the CSS.
September 10, 2015 at 5:16 pm #501191Hi j_arendall!
Before we get into that. How are you planning on making this responsive? If you resize the browser screen down you will see that menu breaks and looks bad.
Are you just wanting to hide it on smaller screens and display the responsive menu instead?
Cheers!
Elliott- This reply was modified 9 years, 1 month ago by Elliott.
September 10, 2015 at 5:58 pm #501240Therre are a lot of menu items, i know. When it goes to phone, the responsive menu comes up. Thats what I want.
Its just on PC, when the menu bar does not have a background, it blends in with photos, which Is why I put the slight transparency behind it.
I am open for suggestions. I see what you mean if its on a small browser and slightly bigger than ipad view.
thanks
also on another site using link in Private Content box…
The Grid Row doesnt work for me because all of the content goes full width.
Currently on this page where you see the green Mission box and the image to left, I have a Color Section (1/3 +2/3).
Under the photo I want to have 2 columns for text.
I also want the ABout green box on the left to be directly beneath the Mission box but only be a few pixels seperating.September 11, 2015 at 3:01 pm #501667Hi!
use this code to reduce space on your last menu:
.html_header_top.html_bottom_nav_header .main_menu { width: 97%; }
Best regards,
AndySeptember 11, 2015 at 3:23 pm #501692Its now messed up even more.
What did you do? The whole site now looks reduced in width>???
September 11, 2015 at 3:27 pm #501701This code here you put in messed it up:
@media only screen and (max-width: 479px) {
#header_meta a {
font-size: 11px;
}September 13, 2015 at 2:30 pm #502307Hey!
Can you take a screenshot and highlight exactly what your trying to do with the grid row?
For the menu I would just add this CSS so it looks more compact.
.avia-menu { width: auto !important; }
Best regards,
Elliott -
AuthorPosts
- You must be logged in to reply to this topic.