just moved my muse site into dreamweaver ,pls help moving navigation to left

Report · Oct 09, 2019

HI! I just imported my site from muse, all looks fine except the navigation , i would really appreciate your help in telling me how to move it to the left as it is getting over the logo , thanks!

In muse this would be done inside the Masters , not sure how to access it here ,

pls check here navigation over logo www.roulasorour.com

Report · Oct 09, 2019

I am sorry, nut while I am trying to sort out the proble, the website is changing. I'll wait until you have finished.

Edit: please ignore, it was me doing the changing.

Wappler, the only real Dreamweaver alternative.

Report · Oct 09, 2019

First up, there is a left margin for the menu as per

Then there is this image container that has a left margin pushing the image to the right as per

Further more, I see so many confusing style rules that, in my opinion, the whole of the CSS needs to be looked at (read: deleted), thanks to Muse.

When I get the time, I'll come up with an alternative or maybe @osgood_ will help out.

Wappler, the only real Dreamweaver alternative.

Report · Oct 09, 2019

Because Dreamweaver facilitates using Bootstrap, and because this is the quickest way for me to show you an example, the following is a bootstrap reconstruction of your home page. Copy and paste it into a new document

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<style>
html, body {
background-color: lightgrey;
}
</style>
</head>
<body>
<div class="container">
<div class="row mt-5">
<div class="col-xl-2 order-xl-2">
<img src="https://roulasorour.com/images/roula.png?crc=533987347" alt="my logo">
</div>
<div class="col-xl-10 p-0">
<nav class="navbar navbar-expand-lg navbar-light bg-transparent">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent1">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
<li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
</ul>
</div>
</nav>
</div>
</div>
<div class="row">
<div class="col-xl-10">
<img src="https://roulasorour.com/images/va_kipling.jpg?crc=260770516" class="img-fluid" alt="my image">
<p class="mt-4">The Kipling Spirit , Fine art inkjet print on Hahnemühle Bright White Photo Rag mounted on Dibond 150x90cm , Ed.1/1 – 2017 I've always sat in awe admiring V&A 's brick facade. Little did i know that Lockwood Kipling (Rudyard Kipling's father)started his career as an architectural sculptor at the South Kensington Museum (V&A) Britain's greatness like that of the V&A relies so much on cultural diversity</p>
</div>
<div class="col-xl-2">
<p class="mt-5 text-center"><img src="https://roulasorour.com/images/twitter_site.png?crc=3994207374" alt="twitter"> <img src="https://roulasorour.com/images/email.png?crc=499373497" alt="email"></p>
</div>
</div>
<div class="row">
<div class="col-xl-10 text-center">
<p> ©2019 roula sorour All Rights Reserved</p>
</div>
</div>
</div>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>

Wappler, the only real Dreamweaver alternative.

Report · Oct 10, 2019

Hi Ben!! Million tkx will try that🙏🙏

Report · Oct 10, 2019

HI Ben , would this take care of all the navigation bars on each and every page of the site?

Report · Oct 10, 2019

I am not sure what you mean, basically the answer is yes, it depends on whether you want to include the menu bar as is or have it as an include file.

Wappler, the only real Dreamweaver alternative.

Report · Oct 13, 2019

Sorry for my late reply! Not sure what you mean by an include file. Whatever is easier and quicker.
tkx

Report · Oct 13, 2019

There are quite a few different workflows, such as straight out coding, using frameworks or template engines etc. If you do not know what they are, then you do not use that workflow which is OK.

So to answer your question, yes, the mnu bar will be the same for all of your pages.

Wappler, the only real Dreamweaver alternative.

Report · Oct 13, 2019

For consistent layout and sitewide navigation on small sites (less than 50 pages), look at Dreamweaver Templates.

https://helpx.adobe.com/dreamweaver/kb/benefits-using-templates.html

Unlike Templates, include files are a server-side technology.

https://alt-web.blogspot.com/2015/07/server-side-includes-with-php.html

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Oct 18, 2019

Many thanks Nancy and BenPleysier will look into it 🙏🙏

Adobe Support Community

just moved my muse site into dreamweaver ,pls help moving navigation to left