Latest topics
» [Bug] The theme selector with Firefox
by Milouze14 Yesterday at 21:21

» Imagine in statistics
by Dr Jay Yesterday at 20:56

» [Suggestion] Coders- Team up with me: Design loading screen for mobile devices
by Bigtuber Yesterday at 14:16

» [GAME] Count to One Million!
by Valoish Yesterday at 13:36

» [GAME] Post a random picture
by Valoish Yesterday at 13:36

» Ranks icon
by MAX Yesterday at 12:28

» Add Signature Resizing To Your Forum
by Dr Jay Thu 23 Feb 2017, 15:53

» phpbb2: Removal of Last Visit/Unanswered Posts Table
by Spherical Thu 23 Feb 2017, 13:19

» phpbb2: Removal of Top Posters/Mark Forums Read Table
by Spherical Thu 23 Feb 2017, 13:18

» [EDGE] Protocol HTTPS
by Milouze14 Wed 22 Feb 2017, 13:34

» IconSkouliki
by skouliki Tue 21 Feb 2017, 03:56

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Sat 18 Feb 2017, 15:50

» Multi-step Login Form
by Samantha Sat 18 Feb 2017, 10:32

» Support Forum both chat and web developments
by MAX Sat 18 Feb 2017, 06:40

» Share Link Above Topics
by SLGray Fri 17 Feb 2017, 16:35

Recent Tutorials
Who is online?
In total there are 7 users online :: 0 Registered, 0 Hidden and 7 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

how can reverse logo and description in the header

View previous topic View next topic Go down

sohab

Title :
Gender : Unspecified
Posts : 140
Points : 435
Reputation : 2
Language : frensh
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.saudijobstoday.net/

Postsohab on Thu 04 Aug 2016, 11:47

i want reverse the logo and description place
iwant like this

http://www.saudijobstoday.net/




what sould i do ?
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Thu 04 Aug 2016, 17:43

Hi @sohab,

Add the following CSS rules to your stylesheet :
Display > Colors
Code:
#logo { float:right; }
#logo-desc > span { float:left; }

The first rule affects the logo position, the second rule affects your description.
sohab

Title :
Gender : Unspecified
Posts : 140
Points : 435
Reputation : 2
Language : frensh
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.saudijobstoday.net/

Postsohab on Thu 04 Aug 2016, 19:46

it's work for desktop
but in mobile the description and ads not appear all
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Thu 04 Aug 2016, 21:16

It looks to be related to your advert ; it's inside the description. Try placing the advert outside of this description.

sohab

Title :
Gender : Unspecified
Posts : 140
Points : 435
Reputation : 2
Language : frensh
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.saudijobstoday.net/

Postsohab on Fri 05 Aug 2016, 01:49



don't workk
iwant to ads be down the description
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Fri 05 Aug 2016, 14:47

Add this additional rule to your stylesheet for the advert position :
Code:
#logo-desc .overflow-frame {
  clear:left;
  float:left;
}
It should place it under the description.
sohab

Title :
Gender : Unspecified
Posts : 140
Points : 435
Reputation : 2
Language : frensh
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.saudijobstoday.net/

Postsohab on Fri 05 Aug 2016, 15:32

thankss
resolvedd
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4294
Points : 8840
Reputation : 2137
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Fri 05 Aug 2016, 15:33

You're welcome ! ^^

Archived

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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