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,235
Joined: Aug 2012
Likes Received : 299

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 61,250.85Points
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,235
Joined: Aug 2012
Likes Received : 299

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 61,250.85Points
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 Dark theme no textbox AudioUnderground 1 130 08-01-2016 05:52 PM
Last Post: envira
Star [1.8x] Majestic Dark Theme Sidebar Issue Rjtmjx 0 209 05-27-2016 10:08 AM
Last Post: Rjtmjx
  [1.8x] Majestic - Forum Stats Issue Darkrad 0 173 05-05-2016 12:19 PM
Last Post: Darkrad
  banner on majestic dark Blackbeard 1 259 04-23-2016 12:15 AM
Last Post: envira
  [1.8x] Hoiw to remove share button on Majestic Template Adriano 1 229 04-23-2016 12:14 AM
Last Post: envira
  [1.8x] Majestic Dark wont work with MyAllerts Delusional 1 229 04-23-2016 12:12 AM
Last Post: envira
  [1.8x] Majestic Theme issue Robert Gutierrez 1 345 02-01-2016 02:24 AM
Last Post: envira
  Majestic forum questions Darkrad 0 265 01-07-2016 03:05 AM
Last Post: Darkrad
  [1.8x] Not looks like real Majestic theme o_~? HMR 13 922 12-13-2015 10:29 PM
Last Post: HMR
  [1.8x] Few issues with Majestic Dark FutileFreedom 1 317 11-29-2015 01:44 AM
Last Post: envira

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.