vb.org Archive - Adding Text to header question

Page 2 of 3

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)

- - Adding Text to header question (https://vborg.vbsupport.ru/showthread.php?t=319565)

Lynne

07-21-2015 09:56 PM

It looks like Seven Skins was correct. :)

Hawk7173

07-21-2015 10:35 PM

It worked. In fact, for some reason in the additional .css template, it had float no. After the change it fixed the images problem. I'd like to replace the images with text so it is faster loading and doesn't take as much space in the header.

I'm assuming that I can just use the html for the text in the ad spots in place of the images.

Hawk7173

07-23-2015 02:39 AM

I looked at my forum on a 10" tablet and the header is all messed up like before. How do I float the entire header or forum width so that no matter what size screen the forum shows as it should?

Skyrider

07-23-2015 05:37 AM

You could try checking out:

http://www.vbulletin.com/forum/forum...er-size-issues

Altering the style to fluid rather than fixed makes it stretchable based on browser window size. I have no experience with this as I barely touch these fixed/fluid options. Not sure if it is the answer for you but you could give it a try.

I do believe that the:

doc_MaxWidth and doc_Width under Styles & Templates -> Style Manager -> "YOUR STYLE" -> Style Variable Editor should be set to auto for fluid.

Seven Skins

07-23-2015 07:28 AM

You need use "max-width: 100%" for your header images and they will get resized on smaller screen.

Hawk7173

07-23-2015 02:44 PM

Thanks for the replies.

Quote:

Originally Posted by Seven Skins (Post 2551134)

You need use "max-width: 100%" for your header images and they will get resized on smaller screen.

Is this in additional .css or in stylevars?

If in additional .css what would the code be?

Seven Skins

07-23-2015 04:46 PM

Add this to additional.css

HTML Code:

.logo-image, .ad_global_header1 img {

  Max-width: 100% !important;

  height: auto !important;

}

Hawk7173

07-23-2015 07:30 PM

I've added that to all styles. In testing it on my cell phone, it doesn't change anything. the images are still stacked vertically.

Tested in going from mobile style to full site.

--------------- Added [DATE]1437687460[/DATE] at [TIME]1437687460[/TIME] ---------------

I saw you posted the below code for someone with a similar problem, but I don't know if any of it would help in my situation.

Code:

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px) {

/* STYLES GO HERE */

}

notrious

07-23-2015 07:47 PM

If you aren't much into coding just make a new banner with fixed width logo on right side and text on left ...

Hawk7173

07-23-2015 08:56 PM

I can make a single image to cover the entire header width, but that I fear won't be cell phone friendly. I've been looking into how to make the entire forum width to 100% or fluid whichever is better, but am not having very good luck with search results.

--------------- Added [DATE]1437696064[/DATE] at [TIME]1437696064[/TIME] ---------------

I've created a single image containing everything I wanted in the header. It solved the initial problem, but created another in that now the mobile style doesn't act accordingly. Looks ok when my 4g phone is vertical, but when I turn it horizontal to widen the screen, it has a large blank space to the left of everything except for the mobile logo

--------------- Added [DATE]1437697036[/DATE] at [TIME]1437697036[/TIME] ---------------

Below is what I have in .css

Code:

.logo-image { float: left !important; }



.logo-image, .ad_global_header1 img {

  Max-width: 100% !important;

  height: auto !important;

}



body {

  margin: 0 auto;

  max-width: 100%;

  min-width: 100%;

  width: auto;

}

All times are GMT. The time now is 01:48 PM.

Page 2 of 3

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01221 seconds Memory Usage 1,740KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (1)bbcode_html_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: