Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about "Furniture Store" VirtueMart/Joomla template

Topic-icon Larger Logo = Wrong Menu Alignment

  • atomicdev
  • atomicdev's Avatar Topic Author
  • Visitor
  • Visitor
6 years 2 months ago #5498 by atomicdev
atomicdev created the topic: Larger Logo = Wrong Menu Alignment
I read a previous post on changing the image size and got my logo the size I want but it's moved the menu across to the right (see pic) and no matter what I change in the CSS nothing moves it across to the left. Any ideas what I can try? Thanks!:woohoo:
Attachments:

Please Log in to join the conversation.

More
6 years 2 months ago #5506 by ivan.milic
ivan.milic replied the topic: Re: Larger Logo = Wrong Menu Alignment
Hi,

To move something of its original position you have to declare (in css or style attribute)

position:relative;

and then you can use top: and left: to move it in offset from it's original position.

examlple:

<div id="logo" style="position:relative;left:+50px;top:-20px;">
<IMG ...

Please Log in to join the conversation.

  • atomicdev
  • atomicdev's Avatar Topic Author
  • Visitor
  • Visitor
6 years 2 months ago #5508 by atomicdev
atomicdev replied the topic: Re: Larger Logo = Wrong Menu Alignment
Okay, here's my code:

index.php
<div id="logo" ><a href="index.php"><img src="<?php echo $template_path ?>/images/logo<?php echo $templateStyle; ?>.png" width="380" height="120" alt="joomla furniture store" /></a></div>

layout.css
#logo {
	height:120px;
	width:380px;
	float:left;
}

Please can you tell me what to do, as I don't quite understand!:blink:

Please Log in to join the conversation.

More
6 years 2 months ago #5514 by ivan.milic
ivan.milic replied the topic: Re: Larger Logo = Wrong Menu Alignment
#logo {
height:120px;
width:380px;
position:relative;
top: +10px;
left: -15px;

}

Change +10 and -15 to values that will position your logo on right place.

Please Log in to join the conversation.

  • atomicdev
  • atomicdev's Avatar Topic Author
  • Visitor
  • Visitor
6 years 2 months ago - 6 years 2 months ago #5516 by atomicdev
atomicdev replied the topic: Re: Larger Logo = Wrong Menu Alignment
I think we're getting our wires crossed. I don't have an issue with positioing my logo. It's that when I try to align the top menu in a correct position this happens:
url
Last Edit: 6 years 2 months ago by atomicdev.

Please Log in to join the conversation.

More
6 years 2 months ago #5519 by ivan.milic
ivan.milic replied the topic: Re: Larger Logo = Wrong Menu Alignment
Yes, that is not what you need. You need to change background color and color of menu items because currently is white and you don't see it, see this:

#nav li a {
color: white;
}

Add this:
<style type="text/css">
#nav li
{
background-color: #7E7E7E;
}
</style>

Using Edit HTML option in template manager just before end of pages <head>

Please Log in to join the conversation.

Time to create page: 0.130 seconds

Links, Partners and Social Media