Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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.

    #501191

    Hi 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.
    #501240

    Therre 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.

    #501667

    Hi!

    use this code to reduce space on your last menu:

    .html_header_top.html_bottom_nav_header .main_menu {
    width: 97%;
    }
    

    Best regards,
    Andy

    #501692

    Its now messed up even more.

    What did you do? The whole site now looks reduced in width>???

    #501701

    This code here you put in messed it up:

    @media only screen and (max-width: 479px) {
    #header_meta a {
    font-size: 11px;
    }

    #502307

    Hey!

    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

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.