Topic Resolution: Resolved
    Denzel Chia
    Moderator
    Posts: 2656
    June 7, 2015 at 4:19 am #17966

    Hi,

    If you want to insert your revolution slider right above the Site Title and Tagline.
    Find the following codes in header.php

    <!--BEGIN body-->
    <body <?php body_class(); ?>>

    <?php $evolve_width_layout = evolve_get_option('evl_width_layout','fixed'); if($evolve_width_layout == 'fixed') { ?>
    <div id="wrapper">
    <?php } ?>

    <div id="top"></div>

    And replace with the following codes. Notice that your putRevSlider is just above div id “top”.

    <!--BEGIN body-->
    <body <?php body_class(); ?>>

    <?php $evolve_width_layout = evolve_get_option('evl_width_layout','fixed'); if($evolve_width_layout == 'fixed') { ?>
    <div id="wrapper">
    <?php } ?>

    <?php putRevSlider("glavnaslider"); ?>

    <div id="top"></div>

    This is the highest point you can go.

    I used the imported ecommerce revslider as demo.

    Please see screenshot for result on desktop.
    http://prntscr.com/7e1ni0

    Please see screenshot for result on iPhone 6 portrait.
    http://prntscr.com/7e1pdu

    Both screenshots are from real devices.

    Thanks!
    Denzel

    Johnny Good
    Spectator
    Posts: 90
    June 9, 2015 at 2:22 am #17984

    Thanks for the reply!

    I re-uploaded fresh header.php into my evolve child folder and as suggested above made modification.
    On desktop browser it looks great but on mobile it seems like text for Site Tile and Tagline is not responsive which creates this weirdness. I don’t think I had this issue before updating.

    Even on your iPhone 6 portrait example overlapping issue is visible and not nicely stacked as I’ve seen on some other websites using mobile browser.

    Johnny Good
    Spectator
    Posts: 90
    June 9, 2015 at 2:24 am #17985
    This reply has been marked as private.
    Denzel Chia
    Moderator
    Posts: 2656
    June 9, 2015 at 3:37 am #17988

    Hi,

    Please kindly place the following custom css codes in Theme Options -> Custom CSS

    @media only screen and (max-width:768px) {
    .header{
    height:400px !important;
    }
    .title-container #logo a{
    font-size:40px !important;
    }
    .title-container #tagline{
    font-size:40px !important;
    }
    }

    Please see result in screenshot. http://prntscr.com/7et9ll

    Thanks!
    Denzel

    Johnny Good
    Spectator
    Posts: 90
    June 9, 2015 at 9:19 pm #18005

    Thanks you so much! That fixed the issue.

    Is it possible to move social media red icons either above menu or bellow. Its only visible while on mobile and it currently overlaps between slider and menu.

    Denzel Chia
    Moderator
    Posts: 2656
    June 10, 2015 at 7:42 am #18013

    Hi,

    Please use the following.

    @media only screen and (max-width:768px) {
    #social {
    position: relative;
    top: -22px;
    left: -55px;
    }
    }

    Screenshot of the result. http://prntscr.com/7f924l

    Thanks!
    Denzel

    Johnny Good
    Spectator
    Posts: 90
    June 10, 2015 at 5:03 pm #18161

    Thank you! Now everything’s like it was before update!

Viewing 7 replies - 11 through 17 (of 17 total)