Yes I would like to reduce font size. How do I do that?

An example of the kind of page i’d like to print is in the private content.

When printing the page i have the following problems:
– Header color is gone -> can be fixed in print.css
– The info of the accordeon takes up a lot of page space (big font size, lots of white padding/margin)
– Only one picture of the slideshow is printed, instead of all pictures
– The pin of the Google map moves to a different location and the map looks weird
– The ‘related projects’ section does not need to be printed.

Thanks for looking into this!

Thank you.
Unfortunately, that hook places the content inside #main not #header. I want it in the header so that it inherits header settings (sticky, resize, global font changes, etc). This new div is where I am placing the page title.

I’ve explored:
ava_main_header
ava_after_main_title
ava_before_bottom_main_menu
ava_inside_main_menu
ava_after_main_menu
ava_after_main_container
ava_after_content
ava_before_content

Great! Thanks Yigit!

Is it also possible to enlarge the font size of the menu title?

Regards,
Pim

I do not want to set the font unetr the image higher , special image to the size of 1030 * 360 to get as here – http://kriesi.at/themedemo/?theme=enfold-overview

the mobile menu always came up on responsive mode… so i’m not sure why you needed to add additional code to the quick CSS? i have edited this back out.

the reason i want the mobile menu to come up on the fixed layout (on mobile/tablet only) was because i liked the look of the mobile site in fixed layout better than in responsive mode. The site in responsive mode has a lot of text that’s the wrong font size, along with spacing issues, sizing and positioning problems etc… that’ll need to be fixed which could take a lot of work. that’s why i was wondering if i could stay in fixed layout, but solve the problem of the fixed layout mobile menu (submenu links not being able to be clicked) by replacing the menu bar with the responsive mode mobile menu bar button, all while staying in fixed layout. does that make sense? I have added images in the private section below, that better explains what i’m talking about.

• This reply was modified 10 years, 6 months ago by erusko.

Hi Yigit, your CSS code is perfect.
Thanks.
But for your recommandation ??
(Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field)

My Quick CSS :

.header_color .main_menu ul:first-child > li > a { font-size: 12px; }
.header_color .main_menu ul:first-child > li > a:hover { color: #ec7a23; }
.header_color .main_menu ul:first-child > li.current_page_item > a { color: #ec7a23; }
li.current-menu-ancestor > a > .avia-menu-text { color: #ec7a23; }

div#orange10px {
height: 10px;
min-height: 10px;
}

div .av_one_fifth {
margin-left: 3%;
width: 17.6%;
}

div .av_one_fourth {
margin-left: 2%;
width: 23.4%;
}
div .av_three_fourth {
margin-left: 3%;
width: 73.5%;
}

Hi Yigit;
Thanks, it works just fine :)
One last thing if you please, what’s the right code for me to change font size in mega menu items, I’d like it a little bit bigger as it seems to be 11 or 12px and it’s a bit tiny…
Thanks for your time and efforts!

Andy,

There is no overlapping currently you gave me the code that does not correspond with my current code. If you look what you wrote

I can see this code in your source code:

@media only screen and (max-width: 767px) {
.responsive #header .main_menu .social_bookmarks {
display: none;
}}

which is preventing social icons to appear. Use this code instead:

@media only screen and (max-width: 767px) {
.responsive #header .main_menu .social_bookmarks {
display: block !important;
}}

Cheers!
Andy

You will notice that the above code is not found in my current code

font-size: 20px;
font-weight: bold;
text-align: center;
}

.content, .sidebar {
padding-top: 10px;
padding-bottom: 10px;}
body { font-size: 16px; }

.phone-info span { font-size: 16px; }

.main_menu .menu ul { width: 235px; }

#top div .avia-gallery img { border-style: none; padding: 0; }

@media only screen 
 and (min-width: 584px) 
 and (max-width: 1200px) {
.container #advanced_menu_toggle, #advanced_menu_hide {
display: block;
}
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
display: none;
}}

@media only screen
  and (min-width: 584px)
  and (max-width: 1200px) {
ul.noLightbox.social_bookmarks.icon_count_4 {
left: -60px;
display: block;
}}

I value your alls time however I have explained this 3 times in past posts. Can you please review the code and help me correct the problem of the social media icons disappearing around 770 pixels. So once again please view my code and you will notice that what you wrote above does not include that code in my most recent code. Thank you for your time and make it a great day!