[ashrafashraf]

Hi Sakin,
Please, my nav. menu , it have two rows when i open it by Ipad.
Can i add the following code :
#branding ul.menu a { font-size: 15px; line-height: 3.2em; padding: 0 0.3em; }

i want the font big not small and the same time the nav. menu consist of only one row.

Best wishes

[Sakin]

@ashrafashraf: Yes you can add that css and adjust as per your need.

[ashrafashraf]

Can do please check if my site Nav. menu have only one row on your iPad ?

Best regards

[Sakin]

@ashrafashraf: You can just decrease the font and padding only for iPad view.

[ashrafashraf]

How can i do that ? please

[Sakin]

@ashrafashraf: You can add the following CSS, that is particularly for the iPad.

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  #branding ul.menu a { font-size: 12px; line-height: 3.2em; padding: 0 0.3em; }
}

[ashrafashraf]

Thank you so much Sakin,
When i will this code , my blog will not be effected when i open it on computer.

Best wishes

[Sakin]

@ashrafashraf: That will be only for iPad.

[ashrafashraf]

Thank you so much.

[Author]

Posts