Welcome Guest ! Please   Login or Register


Check out our latest Premium Themes, Majestic , Majestic - Dark and Musk Themes for MyBB 1.8 Click to Shop Now

Now open for Custom Theme requests : Click to Order Now





 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[Majestic] Logo overlapping top links

LeloDude Offline
Customer
****

Posts: 29
Joined: Dec 2013
Likes Received : 0

Nationality: Canada

Mood: Believing

Points: 701.43Points
Post: #1
[Majestic] Logo overlapping top links

So when re-sizing the browser window, the logo will overlap all the top nav buttons. Would there be a way to fix this issue? Perhaps turn the logo invisible when shrinking window to a certain width. I would be more than happy to donate up to $10 via paypal for a reasonable solution. Thanks!

Here's my website:
http://destinycraft.info/index.php
12-23-2014 05:25 AM
Find
0
Quote




envira Offline
Doctor Web
*******

Posts: 1,245
Joined: Aug 2012
Likes Received : 306

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 63,253.44Points
Post: #2
RE: [Majestic] Logo overlapping top links

Hello I would surely look into this and would would provide a solution.
Regards

[Image: lt79ucY.png]
12-23-2014 09:29 AM
Find
0
Quote




LeloDude Offline
Customer
****

Posts: 29
Joined: Dec 2013
Likes Received : 0

Nationality: Canada

Mood: Believing

Points: 701.43Points
Post: #3
RE: [Majestic] Logo overlapping top links

Very nice! Let me know when you manage to make a solution. I will surely donate an additional $10.

Thanks Envira.
12-24-2014 08:43 AM
Find
0
Quote




envira Offline
Doctor Web
*******

Posts: 1,245
Joined: Aug 2012
Likes Received : 306

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 63,253.44Points
Post: #4
RE: [Majestic] Logo overlapping top links

Hello,
the quick solution i found id to reduce the size of logo with just css.
The overlapping has been prevented by this .

To achieve this ad this code in majestic.css css file in your theme css files.

Code:
.logo img {
width: 90%;
margin-top: 20px;
}

.logo {
color: #FFF;
display: block;
text-transform: uppercase;
position: absolute;
float: left;
width: 30%;
height: 100px;
line-height: 110px;
margin-left: -20px;
}

Look for .logo class in the majestic.css and just replace the .logo code with the code i have provided.
Hope this helps.
regards

[Image: lt79ucY.png]
12-24-2014 10:27 AM
Find
0
Quote





Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Majestic - Empty Areas in Header and Footer Darkrad 0 53 10-25-2016 11:29 PM
Last Post: Darkrad
  Majestic Dark theme no textbox AudioUnderground 1 209 08-01-2016 05:52 PM
Last Post: envira
Star [1.8x] Majestic Dark Theme Sidebar Issue Rjtmjx 0 281 05-27-2016 10:08 AM
Last Post: Rjtmjx
  [1.8x] Majestic - Forum Stats Issue Darkrad 0 222 05-05-2016 12:19 PM
Last Post: Darkrad
  banner on majestic dark Blackbeard 1 316 04-23-2016 12:15 AM
Last Post: envira
  [1.8x] Hoiw to remove share button on Majestic Template Adriano 1 283 04-23-2016 12:14 AM
Last Post: envira
  [1.8x] Majestic Dark wont work with MyAllerts Delusional 1 306 04-23-2016 12:12 AM
Last Post: envira
  [1.8x] Majestic Theme issue Robert Gutierrez 1 406 02-01-2016 02:24 AM
Last Post: envira
  Majestic forum questions Darkrad 0 308 01-07-2016 03:05 AM
Last Post: Darkrad
  [1.8x] Not looks like real Majestic theme o_~? HMR 13 1,092 12-13-2015 10:29 PM
Last Post: HMR

Forum Jump:


User(s) browsing this thread: 1 Guest(s)

About Myskins

MySkins Studio is MyBB Themes Resource Website.

At MySkins Studio, We procreate MyBB Themes both custom MyBB Themes and premium Mybb Themes.We believe in quality and assure you the best MyBB themes at a very reasonable price , that suits your taste.

Feel free to drop in a request and get a quote.