Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1148436

    Hi,

    Quick CSS seems to have no effect, whatever I add in for various things, could you please check and recommend a solution?

    A couple of things I need:

    I want to remove the blank container for the logo in the menu and have the menus centred without the space of the logo

    I am unable to change the font colour of the menu, having tried advanced styling and tweaking the menu elements

    How to I change the transparency of the menu bar? I want it to only appear when the user starts to scroll, and be slightly transparent.

    #1148538

    Hey alinaz86,

    Which suggestions have you already tried?

    Best regards,
    Jordan Shannon

    #1148740

    Hi,

    i have pasted the following code from previous posts.

    .logo{
    display: none !important;
    visibility: hidden !important;

    @media only screen and (min-width: 768px) {
    #header_main .av-logo-container {
    display: none;
    }}

    Also what is more urgent than all of this, is that I seem to be having white lines between layerdslider on my new website im working on, it only appears when its published, not in preview mode. I have tried the below for this to no avail?

    .container_wrap { border-top: none !important; }

    DIV#av_section_1.avia-section.main_color.avia-section-default.avia-no-shadow.avia-builder-el-1.el_after_av_layerslider.avia-builder-el-last.container_wrap.fullsize
    {
    border:0;
    }

    #top #header .av-main-nav > li:hover > a, #top #wrap_all .av_header_transparency .av-main-nav > li:hover > a > .avia-menu-text {
    color: #ffc800 !important;
    }

    @media only screen and (max-width: 320px) {
    #top.page-id-3653 #layerslider_2 .ls-layers .ls-wrapper.ls-in-out {
    margin-top: -15% !important;
    }
    }
    @media only screen and (min-width: 321px) and (max-width: 380px) {
    #top.page-id-3653 #layerslider_2 .ls-layers .ls-wrapper.ls-in-out {
    margin-top: -4% !important;
    }
    }
    @media only screen and (max-width: 770px) {
    #top.page-id-3653 #footer {
    border-color: #666666 !important;
    }
    #top.page-id-3653 #layer_slider_1 {
    opacity: 0.8 !important;
    background-color: #333333 !important;
    }
    }

    #1148862

    Hi,

    Thanks for the update. You haven’t closed the first CSS block properly:

    .logo{
    display: none !important;
    visibility: hidden !important;

    Please close that block properly to see if it helps with you other CSS.

    Best regards,
    Rikard

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