Help header sensitive design

Hi - I have a question about the creation of a sensitive Web page. I use Dreamweaver CS6. In my header section, I have the logo on the left and 2 social media icons in the upper right corner.  These fine when the size of the browser is scaled.

The store has 3 locations and I would add the names and the phone numbers (with a clickable link) in the header next to the logo section. But I can't get them to correctly deal with the size of the browser. I could create an enlargement of the logo with the names and phone numbers and resize them to the width of the window to display different 3. If I do that is it possible to move the access point according to the width of the viewport? Or is it possible to move the div that contains them to another location or remove it completely for the size of mobile viewport?

This is the current site that I am trying to recreate/upgrade. vicanies.com

It is in the empty space between the logo and the social media icon, I would like to add:

N ° 1 city

519-000-0000.

City 2

519-000-0000.

City 3

519-000-0000.

Thanks for the help.

See if the underside. I don't know what you want to do with the information 'save' once the browser window gets to a specific width - you can center the information under the logo/social icons or put them to display none.

Untitled document

N ° 1 city
519-000-0000.

City 2
519-000-0000.

City 2
519-000-0000.

Tags: Dreamweaver

Similar Questions

  • Help please, sensitive design

    Then, someone gave a Web site to edit, so it can be sensitive. Since I don't go to zero how do I do to make sensitive?

    Dreamweaver CC

    Looks like you got your work for you.  Photoshop doesn't have web sites.  Done Photoshop comps of design that you will be being in charge of sensitive in HTML and CSS coding.  Unfortunately, there is no magic button for this kind of project.  You can build it from the ground up with their images.

    Good luck!

    Nancy O.

  • How to set the size of the screen for sensitive design mode?

    Previously, I was able to select one of several sizes of standard screen for sensitive design mode when you test a Web site, but can now only to select a size. Why and how can I change this?

    The drop to the bottom of the list in the display of delicate design is empty?

    You have a pref devtools.responsiveUI.presets the topic: config page?

    If this is the case, then try to reset this pref to get the built-in default presets.

    You can open the topic: config page via the address bar.
    You can accept the warning and click on "I'll be careful" to continue.

  • By mistake I pushed a key combination who brought up the sensitive design mode. What is it?

    I pushed a key combination which has upped the reactive design mode by accident. What is sensitive design mode? I have no knowledge of web development software or anything more involved than the navigation programs. Just curious.

    Note that the ' tools > Web Developer "shows all the tools of web development with their keyboard shortcut.

    • Press the ALT key, or press F10 to display the Menu bar.
  • How to anchor on other sensitive design objects?  (I once saw a video of adobe and can not find the link now)

    How to anchor on other sensitive design objects?  (I once saw a video of adobe and can not find the link now)

    Check the 'Smart Position' option in the advanced part of the Position properties. Drag the "anchors" that are normally found at the top and left side of the blade up to what they encounter the side of the object you want to anchor to (a blue line appears, you can release the mouse then):

  • Any idea when will be released the up-to-date sensitive design with?  So excited & NEED for projects!

    Love that Adobe Muse will come out with it, but when?  I have a lot of customers and potential customers, asking for sensitive design and it would be a huge advantage to have.

    Thank you!!

    The muse blog says, 'start 2016'. Stay tuned. We'll let you know as soon as we have details.

  • problem with the playback of the record to Captivate (sensitive design mode) 8 screen

    I use 8 Captivate sensitive design.  I did some screen recordings (in demonstration, training and assessment methods) and that whenever there is a short video clip (for example by dragging a bar window or a cursor on the screen), it plays fine in design mode, but then when I publish the entire project for the preview, the clips are suppressed.  It seems that these clips are integrated into my slides Fund and are in SWF format.

    I wonder if they do not play properly is because I publish to HTML5.  If so, how can I convert these small clips SWF to something else?  And if not, what else could be wrong?

    My solution is to replace these slides FMR (having a camera on the film) which sometimes cause issues when publishing to HTML5, cpvc slides, if I can't avoid them. Very often, you can avoid dragging the mouse: example is to click on the scroll somewhere bar instead of drag in the scroll bar, to use the hotkeys etc. When you can't escape a "video shift' stop recording, use the big slides, video demonstration or Insertion button, slide CPVC and you will get video demo mode, where you can record video (its editor-in-Chief is much more powerful than the limited functionality of FMR-edition). When you are finished with the cpvc-slide, you can continue capturing software with slides, software simulation (he is lacking in the Insert menu for some unknown reason). It's more work, I know, but will play in HTML5 (these slides are converted to MP4), its quality is much better than FMR and you have video editor if necessary.

  • Preview and publication of a sensitive design project

    I've created a convenient sensitive design project.  When I first introduced in preview the project opened in IE11 and showed the tabs for the different points of view and I could navigate between them.  When I tried again an hour later is just shown in the main display and wouldn't let me see the tabs to see other views.

    Then I tried to publish the sensitive project and when he published the folder does not contain a multiscreen.html or .html or .swf file that I had seen in a tutorial that I had taken.

    An idea about what might happen would be appreciated.  We cannot use the preview in Adobe Edge option inspect because we are not allowed to use a browser Chrome here.

    Thank you

    Susan

    For a responsive project, you will never have a SWF file, or a multiscreem.html.  The first you get when publishing to SWF format which is not possible for a responsive project, the second get you if the publication both SWF and HTML5, which is also impossible for a responsive project that takes in charge the only possible exit to HTML5.  The tutorial was perhaps not very accurate, or you missed it.

    You should get a record like this, and the course must be launched with the index.html file:

  • Impossible to import PowerPoint in the sensitive design template

    Hello

    I have a PowerPoint to be converted to a sensitive design project. I noticed that when I create a new project of delicate design, importation of PowerPoint is greyed out.

    Is this normal?

    Also if I create a Captivate project basis, is it possible to convert a sensitive project if a customer decides they need, without a complete rebuild?

    Thank you

    It is not possible to import Powerpoint slides into a sensitive to all project, makes sense to me but will not bore you with an explanation. The technique, the programming is so different. The planned themes are sensitive, PPT is not.

    Same negative answer your second question, for the same reason. You can use the assets of the PPT, but will need to create your own sensitive project.

    Lilybiri

  • Need help with the design of database

    Hello!

    I would really appreciate help in the design of my database. I have a client that has one or more provisions of a certain type. These arrangements will have accounts associated with them. A customer has access to a number of accounts (accounts have a guy too) and when the customer has an arrangement, the arrangement will tell what types of accounts are related.

    Some kind of pattern here
    http://S8.PostImage.org/qcoiozcf9/Namnl_s.PNG

    There are business rules to calculate that represents a client has access to (access above). It is basically three queries involving several different tables (you can give accounts, being a parent etc client that allows you to Auditors that you have not really own). One or two of these queries would a NOT IN / NOT EXIST (if you give your account, you won't have access to yourself until you revoke this action). AccountsOnArrangements is a subset of access (indicated by ArrangementType/AccountType-relationship). So A arrangement has all accounts of type 1, 2 and 3 customer B has access.

    My question is, basically, how I should apply access and AccountsOnArrangements.
    I can access in a view, which runs three queries with Union all. I can also use a table that I maintain with the application code. I have experimented a view but the performance doesn't look too good. I might have a materialized for each of the 3 queries that access, or view materialized for the 3 union all, but I wonder how the performance of this one will be. AccountsOnArrangements could also be a view or a table that I will maintain.

    Is it normal to use views or use the code to insert and remove rows from these tables 'close' when a base line is modified?

    Does still make sense? I have a few problems even explain :)

    Published by: KarlTrumstedt on 22-Aug-2012 13:02

    Published by: KarlTrumstedt on 22-Aug-2012 13:02

    Published by: KarlTrumstedt on 22-Aug-2012 13:02

    Published by: KarlTrumstedt on 2012-Aug-22-15:11

    According to the needs described I did according to model

    [Customers]
    CustomerId PK
    ParentId FK to Customer.CustomerId
    
    [Accounts]
    AccointId PK
    CustomerId FK to Customer.CustomerId /*Owner*/
    AccountType
    (CustomerId,AccountType) UK
    
    [AccountsAccess]
    AccointId FK to Accoints.AccointId
    CustomerId FK to Customer.CustomerId
    
    [Arrangements]
    ArrangementId
    CustomerId
    AccountType
    (CustomerId,AccountType) FK to Account.(CustomerId,AccountType)
    

    In AccountsAccess will be stored CustomerId, AccountId pairs that tell the CustomerId has access to AccountId. For the entirely given accounts, there is no line for the CustomerId of the owner.

    Frequently asked questions are representing a client has access to?

    I create a SQL-based hierarchical display (because of the children of the customer, grandchildren...)
    and AccountsAccess

    Exactly what accounts is an arrangement linked with?

    a view based on the join of the Arrangements and accounts on (CustomerId, AccountType)

    Who has access to an account

    a SQL-based hierarchical display (because of parents of the customer, grandparents...)
    and AccountsAccess

    and who owns it?

    a view based on the join of customers and accounts

  • Oracle need help-Basic RDBMS design drawing creation and

    Hello

    I need to create a set of the application of an RDBMS Oracle with SQL. The design includes to complete any entity-relationship and also to design the relevant schema with creations of the object. Important is-in the creation of patterns and objects... We should fully implement the standards. In addition, written all relevant SQLs in every step of this process.

    I need your help on the design completely and the implementation of the same. I am to complete this project school.

    The scenario: -.

    There's a COMPANY (STAR INTERNATIONAL *) WHO has many divisions/departments in there. These divisions have people who are used to working for them. The COMPANY has many products (we also say projects) and this work is done by the different ministries in addition, here things such as (1) employees may work or be part of several or several departments and work for several projects/products (2) as usual Department, each has a Manager. * each Department can process or only work on a single project.

    Q. How do you want to start with the design of DBMS for that matter? I am very new to all the matter and the reading of the definitions, but I feel once I'm able to complete this with all your help-i will understand.

    How many tables would be necessary for each of the elements and that all the attributes of each would have. Could you all please help and give the tables and columns, and also the relationship between them. How would you apply normalization designing.examples with sqls for that matter would be useful.

    Hello

    Welcome to the forum!

    The best way you can do is try it yourself, it's the best way to learn database design. At least try a solution and posted a question says.

    For example for the standardization of database are a lot of information on the Internet, see for example [rules of data normalization | http://www.datamodel.org/NormalizationRules.html]

    Kind regards

    Published by: Walter Fernández on February 21, 2009 07:10 - Add URL...

  • Problem with mobile sites on sensitive design

    Sites Office look perfect, however mobile is absolutely horrible. I had to throw away a website design in full after the new update, because it does not, or at least not well. The last time I asked a question here he ignored for a week and never responded. I even expect to reproduce... But pass. I put the breakpoint for 380, which is what recommends Danielle Beaumont. Well on my iphone 6 s the footer and header retain no width 100% no matter what I try. There is a distinct white line down on the side of the site, which is extremely annoying. Someone help me please fix this. This new update is maddening and simply does not work for me.

    All content must be the width of breakpoint (at all the widths in the range of breakpoint) to avoid having a bar horizontal scroll and/or additional space to the right of your main content, due to mobile browser zoom out to view the entire width of the content.

  • Problems with sensitive design

    So essentially the responsive design layout for mobile work with my site except for the menu and a title. They don't seem to be setting when you change the size of the screen. Take a look on your phone at the www.btccs.co.uk and you will see the problem. I'll put the code below. Thanks in advance.

    Header html:

    div class = "fluid header" id = "header" >

    < div class = "menu fluid" >

    < ul >

    " < li > < a class ="menu_ul_li_a_href"href =" http://www.btccs.co.uk/contact.php "> contact < /a > < /li > .

    " < li > < a class ="menu_ul_li_a_href"href =" http://www.btccs.co.uk/blog.php "> Blog < /a > < /li > .

    " < li > < a class ="menu_ul_li_a_href"href =" http://www.btccs.co.uk/services.php "> services < /a > < /li > .

    " < li > < a class ="menu_ul_li_a_href"href =" http://www.btccs.co.uk/about.php "> on < /a > < /li > .

    " < li > < a class ="menu_ul_li_a_href"href =" http://www.btccs.co.UK "> Home < /a > < /li > .

    < /ul >

    < / div >

    "< div class ="fluid logo"> < img src="morris_construction/images/logo.png "width ="100% "height ="100% "> < / div >

    < / div > <!--end of header-->

    CSS header:

    . Header {}

    height: 100%;

    Width: 100%;

    background-color: #FFFFFF;

    z-index: 1000;

    top of the margin: auto;

    margin-right: auto;

    position: relative;

    Max-width: 480px;

    Max-height: 81px;

    padding-left: 0px;

    }

    .logo {}

    height: 100%;

    Width: 100%;

    float: left;

    margin-top:-55px;

    Max-height: 85px;

    Max-width: 180px;

    }

    .menu {}

    height: 100%;

    Width: 54%;

    float: right;

    color: #494949;

    background-color: #FFFFFF;

    z-index: 1000;

    Max-width: 45%;

    max height: 51%;

    }

    .menu ul {}

    make-style: normal;

    font-size: 240%.

    list-style: none;

    text-indent: 2%;

    Police-weight: 400;

    do-family: «Sansation regular»;

    Width: 221%;

    Max-width: 480px;

    margin left:-144%;

    }

    .menu ul li {}

    float: right;

    font size: 25%;

    top of the margin: 7%;

    do-family: «Sansation regular»;

    }

    .menu ul li a: hover {}

    color: #D93638;

    }

    {.menu_ul_li_a_href}

    Color: #000000;

    }

    The provision is too broad.  I see a horizontal scroll bar in all windows.   The whole point of RWD is optimization of layouts and never must scroll horizontally to view the content.  Click on the screenshot.

    You also have a CSS code in the menu that makes no sense. For example, z-index does nothing except on the components in position.  Width: 220%, is that all?  I propose to replace the menu, that you now by a reagent.

    Pop-Menu Magic3 of PVII (commercial extension of DW)

    http://www.Projectseven.com/products/menusystems/pmm3/index.htm

    Receptive iconic

    http://www.dynamicdrive.com/style/csslibrary/item/responsive_iconic_menu/

    Receptive hybrid

    http://www.dynamicdrive.com/dynamicindex1/responsivehybridmenu/index.html

    jQuery Superfish

    http://users.TPG.com.au/j_birch/plugins/SUPERFISH/

    jQuery (sensitive on mobile) MeanMenu

    http://www.meanthemes.com/plugins/meanmenu/

    Nancy O.

  • How can I disable the pop-up "help HP Product Design You Want"? (printer 8600)

    The pop-up window "help HP design products you want" keeps returning throughout the day, every 5 minutes

    No matter how I answer!  Can it be disabled?

    Thanks to Shane that responded to the questionnaire.

    Using the Control Panel, then go to "Programs and features", I found a program called "HP product design something" and I uninstalled it. PROBLEM SOLVED!

    The program was just below my printer driver HP 8600, I had installed the disc about 2 weeks ago.

    The printer is a HP Officejet Pro 8600, and the operating system is Windows 7 Pro.

    Thank you all - Jonnyonenote

  • Need help with the design of a professional network and implement using Windows Server 2008.

    original title: CNS Capstone Project

    Network design and implementation. The project includes an important process of CCES in life cycle of the product as the collection of data and analysis, needs assessment, planning

    design, test strategy, documentation, etc. in fact build a network simulated by using existing equipment.

    The name of the firm co..   wide are network will connect all the sites with regional hubs. WAN will rely on a two-layer hierarchical model. locations

    LAX, DCA EGKK AND ZSPD all REGIONS will BE connect to san diego headquarters, composed of many disprate TCP/IP servers will be the only ro0uters of network protocols

    installed at each location basic WAN. Each building standardimplentaion active directory windows 2008 I re-branded, PROJECT MANAGEMENT how is that, I have a lot of project management books, but I need a Visual, I have a moment hard to read I'm more show me I learn hands on I went back to school and I am new to this can you help me graduating in March if I pass this capstone project.

    Hello

    The question you have posted is related to professional level support. Please visit the link below to find a community that will support what ask you:

    http://social.technet.Microsoft.com/forums/en-us/category/WindowsServer

Maybe you are looking for

  • How to pass windows 10 links.

    How to send links and emails with windows 10.

  • Download problems

    When I try to download some programs such as www.fotor.com all the getting is a load of files appearing on the screen. This has happened repeatedly on other downloads, but not all. Someone at - it ideas?

  • Adding opening to new computer

    I just bought a MacBook pro to a friend and would like to add opening to this computer.  This program has been previously fighting with my MacBook Air.  Who should I contact to get the program?

  • Impossible to activate IPad after IOS update

    I just updated Itunes on my PC and also installed the latest IOS on my IPad.  Message says IPad couldn'; t be activated because the activation server is temporarily unavailable.  I have it turned on and outside, but I still get the same message.

  • Satellite L670-134 - recovery to factory settings is not possible

    Hi all 1. Install of Win7 64 bit is dead and has been reinstalled at the same time another installation of WIN7. Now it's getting back to the original stand. Due to a regular WIN7 version has been (re-) installed, I can not exceed the recovery "TOSHI