Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 22, 2016 at 11:43 pm #587491
    j_arendall

    How can i increase the size of my logo in mobile view?

    February 24, 2016 at 6:31 am #588152
    Rikard

    Hi j_arendall,

    Looks like you’ve got the site in maintenance mode, please post admin login details and we’ll have a closer look.

    Regards,
    Rikard

    February 24, 2016 at 7:30 pm #588599
    j_arendall

    Info below,

    I would like to increase the logo size on Mobile view, and on the sticky area.

    In the top area, i would also like to increase the font size. Where the phone number and 2 links are.

    thanks

    February 25, 2016 at 6:02 pm #589315
    Vinay

    Hi!

    We are working on your ticket please wait while we update the results here soon.

    To increase the font size of the phone number and the menu we have added the below CSS in Enfold > General Styling > Quick CSS

    /*font size */

#top .av_header_transparency .phone-info {
    font-size: 20px!important;
}
#top #wrap_all .av_header_transparency .sub_menu a {
	font-size:20px!important;
}

    The logo looks great in mobile devices but if you still want to increase it please add the below CSS in quick css

    
/* Logo Size*/
@media only screen and (max-width: 767px) {
.responsive .logo img {
    min-height: 180px!important;
    min-width: 340px!important;
}
}

    Best regards,
    Vinay Kashyap

    • This reply was modified 8 years, 8 months ago by Vinay.
    March 2, 2016 at 3:20 am #591847
    j_arendall

    Thanks! Mobile logo looks good.

    Regardign the first part, for the top bar. If you notice on other pages besides home like this page: http://obmwatersports.com/parasailing/
    I have dont have it set to Transparent header, so the top font is small on PC and Mobile View.

    Does that make sense?

    I am also having someone view on iphone and the Slider on home page photos look small. See here :

    image1

    March 2, 2016 at 4:28 pm #592161
    j_arendall

    I think the banner is fine now. However, still need to have the very top area consistent with Home page.

    Also, is there a way to get the menu to shift into mobile view when viewing on ipad?

    See here: http://obmwatersports.com/image1-2/

    March 3, 2016 at 7:23 am #592455
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling to activate the mobile menu for ipad as well:

    @media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    Thanks,
    Rikard

    March 3, 2016 at 2:48 pm #592629
    j_arendall

    ipad issue fixed.

    But how do i get the top bar of this type of page: http://obmwatersports.com/parasailing/

    To be like this type of page http://obmwatersports.com/jet-ski-tours/ So the font is larger and white?

    March 3, 2016 at 7:16 pm #592824
    Yigit

    Hey!

    Please add following code to Quick CSS 

    #header_meta * {
    color: white;
    font-size: 20px;
}

    Regards,
    Yigit

    March 3, 2016 at 8:49 pm #592915
    j_arendall

    Almost there. Now the top header is gone in mobile view when on a transparent page.

    March 3, 2016 at 9:47 pm #592960
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
#top .av_header_transparency #header_meta {
    background: #8dd8f8!important;
}}

    Best regards,
    Yigit

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