• Closed
  • Ed Torque
    Spectator
    June 27, 2016 at 2:12 am #28631

    Hi,

    a) There is a relatively large space between the main menu and the slider, and when viewing in mobile view this space becomes even larger. How can this be reduced please?
    b) I am using header 1. When viewing in responsive (mobile) view the social media icons relocate to the top of the screen (top: social media icons, then logo, then site tag line). Can they be moved somehow under the site tag line (logo, tag line, social media icons)?
    c) In mobile view the menu icon appears black background. How can change the button’s color?

    Thank you,

    Ed

    Ed Torque
    Spectator
    Posts: 20
    June 27, 2016 at 2:12 am #28632
    This reply has been marked as private.
    Denzel Chia
    Moderator
    Posts: 2656
    June 27, 2016 at 2:28 am #28634

    Hi,

    Regarding your point c)

    The following custom css found on your website is causing the mobile menu to have black background.
    You can change it to #fff

    #wrapper .dd-container .dd-selected-text, #wrapper .dd-options li a:hover, #wrapper .dd-options li.dd-option-selected a {
    background: #000 none repeat scroll 0 0 !important;
    }

    Regarding point a)

    Please use the following.

    @media screen and (max-width:768px){
    .home .entry-content {
    position: relative;
    top: -30px;
    }
    }

    Regarding point b)

    Sorry, I do not have a good solution. It will need moving elements using absolute positioning. Don’t think it will work well.

    Thank you

    Ed Torque
    Spectator
    Posts: 20
    June 27, 2016 at 4:03 am #28635

    Denzel,

    Thanks very much, I really appreciate your prompt reply. Again, thank you.

    Just to close this topic, in the expanded view (not responsive), is there a way to decrease the distance between the slider and the menu bar?

    Thanks again,

    Ed

    Denzel Chia
    Moderator
    Posts: 2656
    June 27, 2016 at 5:40 am #28636

    Hi Ed,

    It’s the same as my answer to your point a) but without wrapping in media query.

    .home .entry-content {
    position: relative;
    top: -30px;
    }

    This moves up the whole content block on your homepage towards your menu.

    Thank you.

    Ed Torque
    Spectator
    Posts: 20
    July 3, 2016 at 4:56 pm #28748

    Sorry for the late reply, busy days. Thank you!

    Denzel Chia
    Moderator
    Posts: 2656
    July 4, 2016 at 1:41 am #28754

    You are welcome!