Switch from Edin to Goran

  • Hi

    I’m thinking of switching theme from Edin to Goran because I like the semi-transparent navbar over the image header.

    First, is it possible to achieve this effect while still using the Edin theme, using CSS – perhaps by making the navbar background transparent and setting a negative top margin for the hero image? (I’m having trouble finding a live site that uses the Goran theme so that I can use web-inspector to see precisely how this effect is achieved.)

    If it’s not possible, then if I switch my theme to Goran and it doesn’t go smoothly (I have hundreds of widgets, thousands of uploaded files and images, quite a few plugins and lots of CSS), then would it be possible to switch straight back without causing any problems or losing site settings or content?

    Many thanks!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi –

    I thought we could use CSS, but wasn’t quite able to work out the right code. I will keep looking though…

    In the meantime, there’s this plugin that I think could get the job done with out requiring you to change the entire theme. Check it out:

    https://www.ads-software.com/plugins/sticky-menu-or-anything-on-scroll/

    Let me know if that works.

    Thread Starter l3ttie

    (@l3ttie)

    Hi

    I read elsewhere on this thread that someone achieved this with CSS, but unfortunately they didn’t post the solution!

    I tried the plugin, but it only moved my main menu from its horizontal position to a vertical side-bar. I didn’t see any options to make it transparent and tuck the header image behind it without knowing the selectors (which is my problem to begin with!).

    I’ve decided against Goran because I did a staging test the result is I lose far too much of my formatting work as many tags and selectors are different.

    Any CSS pointers you might come up with would be most appreciated!

    Thread Starter l3ttie

    (@l3ttie)

    Hi again

    If others are interested in a transparent navbar in front of the header image:

    .navigation-classic .primary-navigation .menu-primary > ul > li.current-menu-item > a {
    background-color: inherit !important;
    }

    .primary-navigation ul li.current-menu-item>a:before, .primary-navigation ul li.current_page_item>a:before{
    content: none;
    }

    .navigation-classic .primary-navigation {
    background: #7a7875a6;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    }

    It’s not identical to Goran, since it doesn’t have the right-aligned

      with the logo inline left. Does anyone know how to achieve this in Edin?

    Using the !important; option is fine most of the time but it can cause issues.

    @l3ttie –

    Do you still need help getting this sorted?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Switch from Edin to Goran’ is closed to new replies.