Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 23, 2015 at 1:06 am #540477
    bakbek

    Hi, how can I reduce the font size of the submenu element on this page? I would like this change to only take effect on this specific page.

    Thanks.

    November 23, 2015 at 11:58 am #540655
    Yigit

    Hey DROR!

    Please add following code to Quick CSS 

    .page-id-30582 .av-subnav-menu li a { 
font-size: 11px;
}

    Regards,
    Yigit

    • This reply was modified 8 years, 4 months ago by Yigit.
    November 23, 2015 at 12:20 pm #540682
    bakbek

    Hi Yigit, how can I make this change only for smaller screens? and also, how can I remove the submenu on tablets and smartphones?

    November 23, 2015 at 12:25 pm #540691
    Yigit

    Hey!

    Please change the code to following one 

    @media only screen and (max-width: 1300px) {
.page-id-30582 .av-subnav-menu li a { 
font-size: 11px;
}}
@media only screen and (max-width: 990px) {
.page-id-30582 .av-subnav-container { 
display: none  !important; 
}}

    Regards,
    Yigit

    November 23, 2015 at 12:31 pm #540702
    bakbek

    The submenu is still showing on smaller screens.

    November 23, 2015 at 12:53 pm #540714
    Yigit

    Hi!

    Sorry, please change the code to following one

    @media only screen and (max-width: 1300px) {
.page-id-30582 .av-subnav-menu li a { 
font-size: 11px;
}}
@media only screen and (max-width: 990px) {
.page-id-30582 .av-submenu-container { 
display: none  !important; 
}}

    Regards,
    Yigit

    November 23, 2015 at 1:33 pm #540763
    bakbek

    Great, thanks.

    I also noticed that the text size in the captions showing on hover over the images is very big on mobile. How can I reduce the font size of the captions on mobile devices?

    November 23, 2015 at 1:36 pm #540766
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.avia-tooltip .inner_tooltip {
font-size: 12px; }
}

    Regards,
    Yigit

    November 23, 2015 at 1:38 pm #540771
    bakbek

    That doesn’t seem to work. the text remains the same size.

    November 23, 2015 at 1:42 pm #540779
    Yigit

    Hey!

    Can you please try adding !important rule as following 

    @media only screen and (max-width: 767px) {
.avia-tooltip .inner_tooltip {
font-size: 12px !important; }
}

    Cheers!
    Yigit

    November 23, 2015 at 1:56 pm #540792
    bakbek

    Still showing the same font size.

    November 26, 2015 at 3:23 pm #543185
    Andy

    Hey!

    I checked Yigit’s code and it should work. Clear browser cache and hard refresh a few times.

    Best regards,
    Andy

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