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

Go down

Solved Navigation Bar & Mobile Site's Background

Post by Erza Loveheart on Sat 29 Nov - 4:45

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 Sun 30 Nov - 2:59; edited 1 time in total
avatar
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 Sat 29 Nov - 6:08

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.
avatar
Ramdaman
Active Poster

Male Posts : 1614
Reputation : 98
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 Sat 29 Nov - 9:07

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

avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
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 Sat 29 Nov - 17:42

Hello Erza Loveheart,

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

Male Posts : 13187
Reputation : 2895
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Navigation Bar & Mobile Site's Background

Post by Erza Loveheart on Sun 30 Nov - 3:00

Thank yew~ ^^


The problems have been solved; so this can be moved.
avatar
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 Sun 30 Nov - 8:29

Topic solved and archived


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41867
Reputation : 2877
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


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