The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Navigation Bar & Mobile Site's Background

View previous topic View next topic Go down

Solved Navigation Bar & Mobile Site's Background

Post by Erza Loveheart on November 29th 2014, 12:45 pm

And, I'm here with some problems again >.<


Current navigation bar:


So, as you can see; the Navigation Bar is just pushed into the right side of the Forum for God-knows-what-reason. As far as I know, this defect has come with the theme itself.


Secondly, the Mobile Site has the same background as the desktop version (which is dark) and this makes it almost impossible to see the black text of the mobile site. Would like to know how to change the background color for the Mobile site.


Any help would be appreciated~


Last edited by Erza Loveheart on November 30th 2014, 10:59 am; edited 1 time in total

Erza Loveheart
Forumember

Female Posts : 32
Reputation : 1
Language : English, Hindi, Marathi, Malayalam, Sanskrit
Location : India

http://auroriarp.forumsline.com

Back to top Go down

Solved Re: Navigation Bar & Mobile Site's Background

Post by Ramdaman on November 29th 2014, 2:08 pm

For the navigation bar, go to your Administration Panel => Display => Homepage => Headers and Navigation

There will be an option on where to position the header text.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Navigation Bar & Mobile Site's Background

Post by _Twisted_Mods_ on November 29th 2014, 5:07 pm

you can set a different background for each kinda device with mobile queries in css

here is a site with a list of them

http://www.htmlgoodies.com/html5/css/cutting-edge-device-targeting-with-css3-media-queries.html#fbid=SYUC-c3lwP7

here is an example of how to use one in css

Code:
@media only screen and (-webkit-min-device-pixel-ratio: 2) {   
body(background-image: url('www.myimagelink.com/image.png');
}

these can be added in

acp>display>pictures&colors>colors>css stylesheet


_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Navigation Bar & Mobile Site's Background

Post by Ange Tuteur on November 30th 2014, 1:42 am

Hello Erza Loveheart,

Add this to your CSS for the mobile background :
Display > Colors > CSS stylesheet
Code:
.style2.post .postbody { background:#DDD; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Navigation Bar & Mobile Site's Background

Post by Erza Loveheart on November 30th 2014, 11:00 am

Thank yew~ ^^


The problems have been solved; so this can be moved.

Erza Loveheart
Forumember

Female Posts : 32
Reputation : 1
Language : English, Hindi, Marathi, Malayalam, Sanskrit
Location : India

http://auroriarp.forumsline.com

Back to top Go down

Solved Re: Navigation Bar & Mobile Site's Background

Post by SLGray on November 30th 2014, 4:29 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum