Font Size on Responsive view

sanjayswamy16 · July 2018

Hi

I want to increase font size in responsive view. I have tried custom css but its not working.

@media only screen and (max-width: 479px){

.h4 {

font-size: 17px !important;

line-height: 26px !important;

}}

@media only screen and (max-width: 767px) and (min-width: 300px){

.h1 {

font-size: 27px !important;

line-height: 35px !important;

}}

@media only screen and (max-width: 767px) and (min-width: 300px){

.p {

font-size: 15px !important;

line-height: 24px !important;

}}

Pablo · July 2018

Hi,

Why won't you use a Decrease Fonts in Theme Options > Responsive > General

http://prntscr.com/k1iqkb

What's the difference between second and last custom css?

Place it in one media query.

Thanks.

sanjayswamy16 · July 2018

I've used decrease fonts option but it reduce font size to 13 px and i want to font size 15 -16 px.

I want to increase font size in responsive view.

Pablo · July 2018

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

sanjayswamy16 · July 2018

My website link

Pablo · July 2018

Hi,

Here's your custom css code.

@media (max-width:767px){
	.h1 {
    font-size: 27px !important;
    line-height: 35px !important;
  }
	
	p{
	font-size: 15px !important;
   line-height: 24px !important;
	}
	
}

Thanks.

sanjayswamy16 · July 2018

Thank you so much

You guys are awesome

About menu option not activate on my website.
I have passed ID #About. it works fine when i clicked on about menu but not work on scroll page.

Pablo · July 2018

Quick tutorial how to make anchor links:

This is what you need to do:

1. Go to menus and create a new menu - http://prnt.sc/f2v9he
2. Name the menu and add a custom link with the ID anchor you will use later(do not use spaces). Add to menu -http://prnt.sc/f2v9th
3. When the menu item is added to the menu, save and go to Manage Locations -http://prnt.sc/f2vafb
4. You go to your main page, you see the new link but when you click nothing happens? No worries, it is because the link has to know where to scroll, to do this edit the page. -http://prnt.sc/f2vc36
5. Edit the section to which you want the button to scroll -http://prnt.sc/f2vcho
6. In the field Custom ID type in the id from the button, in my case, it was id=work, no hashtag there -http://prnt.sc/f2vgaz
7. Remember to have the one-page option selected under the muffinbuiler -http://prnt.sc/f2vcm7

If you do not want to use a normal menu to link the user to sections, you need to add a 'scroll' class to the custom link element.

Thanks

sanjayswamy16 · July 2018

I have followed the above steps but my website second menu (#About) not active on scroll.

Pablo · July 2018

You have two "about"s turned on at one.

http://prntscr.com/k37avz

Cheers.

sanjayswamy16 · July 2018

thanks!

Font Size on Responsive view

Comments