Hi there

Im not sure what you did to fix that but I had to make some other changes to the site and custom CSS and now the pocket menu text isn’t showing on mobile again.

Also I had another request in for the size of the cart that shows in the main menu – the client now changed their mind as there were still display issues on the sub pages where it wasn’t sitting inline with the menu items so I removed any custom coding to set it back to default but its not still dropping down below the menu area instead of lining up on mobile viewing.

here is the site link: http://test.natashasolley.com

Here is my Quick CSS coding:
Quick CSS

@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #socket .sub_menu_socket {
display: block !important;
}
}
#socket .sub_menu_socket div {
overflow: visible;
}
#socket .menu {
margin-top: -6px;
}
#socket {font-size: 14px;
}
.avia-button.avia-size-x-large {
padding: 15px 25px 15px;
font-size: 25px;
min-width: 100px;
}
/* General Template Headers Events*/
h2.tribe-events-page-title {
font-size: 45px !important;
font-weight: bold;
position: relative;
z-index: 0;
margin-bottom: .5em;
text-align: center;
clear: none;
}
span.tribe-events-list-separator-month {
font-size: 25px !important;
font-weight: bold;
color :#29c4f3 !important;
}
td.tickets_name {
white-space: normal;
}
span.date-start.dtstart {
font-size: 21px !important;
font-weight: bold;
color :#29c4f3 !important;
}
span.end-time.dtend {
font-size: 21px !important;
font-weight: bold;
color :#29c4f3 !important;
}
.tribe-events-meta-group.tribe-events-meta-group-gmap {
width: 100% !important;
}

Hi Rikard, thanks for you help thus far, you don’t know how much I appreciate it. But unfortunately I’m still having trouble reducing the size of the font. It looks a lot better after add the latest code you’ve give me, but for some reason I can’t reduce the font any smaller. I’m tried editing the numbers for the font-size and font-weight, but for reason it made no difference at all.

I’ve provided a comparison pic of what I would like to font size to look like. Thanks again.
Image: http://postimg.org/image/72cxro6kz/

Hello Isamel,
I checked my homepage again on my iPod Touch, on iPhone 6 and all gadgets shows blurry text, price and pictures which comes from Woocommerce.
Pictures are not blurry initially and are 1000x1000px when uploaded. The same pictures are sharp when opened the item in shop. Problem is not with pictures becasue font is blurry as well. It is very easy to compare description under woocommerce products and description under portfolio items, both on homepage. Picutres are of the same quality. One of them are blurry, portolio pictures are sharp.

I changed pictures in woocommerce to 450×450 px. (I already had it a week ago with the same problem) regenerate thumnails and problem appears anyway.
Interesting is that on another page from my network: http://www.manufactura.cz/lakovanekrabice pictures are sharp. Original size is 1000x1000px as well.

Thanks for taking so much time to help me solve the problem!
Robert

Hi Rikard, thanks for your reply. Is it possible to make the text not ‘bold’ and reduce the size of the font further? So it’s similar to my other drop down menus. Other than that, it is getting very close to what I would like to achieve. Thanks!

Thanks so much! This did it. Can I also make the text a bit bigger? Is there some CSS that would allow me to change the font size of just that header message?

works Excellent thanks!

and how do I increase the phone number font size ?

Hi Yigit, that worked perfectly at reducing the size of the font. But unfortunately the menu boxes is still very big and taking up a lot of space. Is there a way to minimize the size of the boxes?

Here’s a link to my site: https://vipoffers.club/ (The menu in question is the “Categories” menu)

Thanks!

@begrafiks & Yigit,

Thanks for your replies. I tried the CSS modifications but they didn’t change the font size.

I created a custom class in my child theme CSS and applied that to divs within each accordion container. That worked. It may not be the most efficient way but it does the job.

Yigit, please mark this as resolved.

Thanks, Elliot!

The page is http://vacationrentalsecrets.com/101sessions/ and when you scroll to the pricing table you’ll see ’15 minute Session’, ’30 Minute Session’ and ’60 minute Session’.
Those are the three headers whose font size id’ like to increase.

Thank you.

Antonio